.reginBody {
    height: 500px;
    width: 500px;
    margin-top: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

.reginBody::before {
    content: '';
    position: absolute;
    background-image: linear-gradient(360deg, rgb(103, 209, 238), rgb(246, 146, 213));
    animation: header_rotate 3s infinite;
    height: 800px;
    width: 800px;
    top: -30%;
    left: -40%;
    z-index: -1;
}

.header {
    height: 130px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px 10px 24px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100px;
    font-family: STHupo;
    position: relative;
    z-index: 1;
}

.header::before {
    content: '';
    width: 1800px;
    height: 1800px;
    position: absolute;
    background-image: linear-gradient(360deg, rgb(64, 158, 255), rgba(62, 223, 186, 0.989));
    animation: header_rotate 3s infinite;
    z-index: -1;
}

@keyframes header_rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}